/*
 * @Author: author
 * @Date:   2020-08-23 08:42:50
 * @Last Modified by:   author
 * @Last Modified time: 2020-08-23 08:42:50
 */

@import '../../styles/theme.scss';

.c_button {
	@extend .center;

	// 设置 共用 默认样式
	padding: 0;
	border-radius: 2px;
	border: 2px solid;

	&:active {
		background: red;
	}

	&::after {
		border: none;
		outline: none;
	}

	@mixin BR($s) {
		border-radius: $s * 2px;
	}

	// 按钮 宽度
	&-width {
		&-60 {
			@include _Width(60);
		}
		&-76 {
			@include _Width(76);
		}
		&-80 {
			@include _Width(80);
		}
		&-102 {
			@include _Width(102);
		}
		&-120 {
			@include _Width(120);
			border: 2px solid $orange;
		}
		&-165 {
			@include _Width(165);
			border: 2px solid $orange;
		}
		&-315 {
			@include _Width(315);
		}
		&-319 {
			@include _Width(319);
		}
		&-375 {
			@include _Width(375);
		}
	}

	// 按钮 高度
	&-height {
		&-26 {
			@include _LHeight(26);
			@include BR(26);
			font-size: $heading-5-size;
		}

		&-30 {
			@include _LHeight(30);
			@include BR(30);
			font-size: $heading-4-size;
		}

		&-33 {
			@include _LHeight(33);
			@include BR(33);
			font-size: $heading-4-size;
		}
		&-35 {
			@include _LHeight(35);
			@include BR(35);
			font-size: $fontSizeNormal;
		}
		&-40 {
			@include _LHeight(40);
			@include BR(40);
			font-size: $heading-2-size;
			letter-spacing: 14px;
		}
		&-45 {
			@include _LHeight(45);
			@include BR(45);
			font-size: $heading-2-size;
			letter-spacing: 14px;
		}
		&-46 {
			@include _LHeight(46);
			font-size: $heading-3-size;
		}

		&-50 {
			@include _LHeight(50);
			@include BR(50);
			font-size: $heading-3-size;
		}
	}

	// margin left top right bottom 间距
	&-margin {
		&-left {
			&-6 {
				margin-left: 12px;
			}
		}
		&-right {
			&-10 {
				margin-right: 20px;
			}
			&-15 {
				margin-right: 30px;
			}
		}
		&-top {
			&-82 {
				margin-top: 164px;
			}
		}
	}

	// 固定到屏幕底部
	&-fixed {
		width: 754px;
		height: 88px;
		position: fixed;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		letter-spacing: 2px;
	}

	// 禁用按钮
	&-disabled {
		opacity: 0.3;
	}

	// 没有边框
	&-noborder {
		border: none;
	}
}
